<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<head>
    <meta charset="UTF-8">
    <title>博客中心</title>
    <link rel="stylesheet" href="/static/client/layui/css/layui.css">
    <link rel="stylesheet" href="/static/client/cropper/cropper.css">
    <link rel="stylesheet" href="/static/client/css/user-x.css">
    <style type="text/css">
        .layui-layer-content{
            height: 83% !important;
        }
    </style>
</head>



<body >
<jsp:include page="comonent/head.jsp"/>

<div class="layui-row layui-col-space30 "  >
    <!--  引入左侧导航-->
    <jsp:include page="comonent/left_menu.jsp"/>
    <div class="layui-col-md8 layui-col-xs8">

        <div class="layui-tab"  lay-filter="tableInfo">
            <ul class="layui-tab-title">
                <li class="layui-this"  lay-id="newAlbum"  > <i class="layui-icon layui-icon-about"></i>新相册日志</li>
                <li lay-id="albumList"> <i class="layui-icon layui-icon-password"></i>相册列表</li>
                <li lay-id="albumDraft" > <i class="layui-icon layui-icon-picture"></i> 草稿箱</li>
            </ul>
            <div class="layui-tab-content">
                <div class="layui-tab-item layui-show">
                    <!--编辑页面-->
                    <!--<iframe  width="100%" height="1000px"  src="user-editblog.html"  frameborder="0" ></iframe>-->




                    <form class="layui-form" action=""  id="blogForm">
                        <input type="hidden" name="token" value="${token}">
                        <div class="layui-form-item">
                            <label class="layui-form-label">主题</label>
                            <div class="layui-input-block">
                                <input type="text" name="title" required  lay-verify="required|title" lay-verType="tips" placeholder="请输入主题（50字内）" autocomplete="off" class="layui-input">
                                  </div>
                        </div>

                        <div class="layui-form-item">
                            <label class="layui-form-label">位置</label>
                            <div class="layui-input-block">
                                <input type="text" name="address" required  lay-verify="required" lay-verType="tips" placeholder="请选择位置" autocomplete="off" class="layui-input">
                                <button style="margin-top: 4px" type="button" class="layui-btn layui-btn-sm layui-btn-normal" id="addressBtn">
                                <i class="layui-icon layui-icon-location"></i>选取位置
                                </button>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">图片</label>
                            <div class="layui-input-block">

                                    <button type="button" class="layui-btn layui-btn-sm layui-btn-normal" id="formCoverUpload">添加图片</button>
                            </div>
                        </div>



                        <div class="layui-form-item">
                            <div class="layui-input-block">
                                <button  name="status" value="0" class="layui-btn layui-btn-normal"   lay-submit lay-filter="formAlbum">保存并发布</button>
                                <button  name="status" value="1" class="layui-btn" lay-submit lay-filter="formAlbum">保存草稿箱</button>
                            </div>
                        </div>
                    </form>






                </div>
                <div class="layui-tab-item">

                    <div class="layui-row">

                        <div class="layui-col-md12">
                            <form class="layui-form"  action="asd" id="searchForm">
                                <input type="hidden" name="token" value="${token}">
                                <input type="hidden" name="pageIndex" value="1">

                                <div class="layui-form-item">
                                    <div class="layui-inline">
                                        <label class="layui-form-label">时间范围</label>
                                        <div class="layui-input-inline" style="width: 200px;">
                                            <input type="text" name="timeRanage"  readonly placeholder="选择时间段" autocomplete="off" class="layui-input rangeTime">
                                        </div>
                                    </div>

                                    <div class="layui-inline">
                                        <div class="layui-input-inline" style="width: 290px;">
                                            <input type="text" name="title" autocomplete="off"  style="width: 200px;float: left"    placeholder="主题关键词" class="layui-input">
                                            <button  class="layui-btn  layui-btn-normal" style="float: left" lay-submit lay-filter="findListAlbum" >
                                                <i class="layui-icon layui-icon-search"></i>
                                                查看
                                            </button>
                                        </div>
                                    </div>

                                </div>


                                <table class="layui-table  infoTable" lay-filter="blogTable" id="albumTable">
                                <colgroup>
                                    <col width="150">
                                    <col width="200">
                                    <col>
                                </colgroup>
                                <thead>
                                <tr>
                                    <th>图片(点击预览)</th>
                                    <th>主题</th>
                                    <th>位置</th>
                                    <th width="70">状态</th>
                                    <th>创建时间</th>
                                    <th>操作</th>
                                </tr>
                                </thead>
                                <tbody>
                                </tbody>
                            </table>
                                <p style="text-align: center">
                                    <div id="blogList-page"></div>
                                </p>

                            </form>

                        </div>

                    </div>


                </div>
                <div class="layui-tab-item" >


                        <div class="layui-row">
                            <div class="layui-col-md12">

                                <form class="layui-form "  action="asd" id="searchForm1">
                                    <input type="hidden" name="token" value="${token}">
                                    <input type="hidden" name="pageIndex" value="1">

                                    <div class="layui-form-item">

                                        <div class="layui-inline">
                                            <label class="layui-form-label">时间范围</label>
                                            <div class="layui-input-inline" style="width: 200px;">
                                                <input type="text" name="timeRanage"  readonly placeholder="选择时间段" autocomplete="off" class="layui-input rangeTime">
                                            </div>
                                        </div>

                                        <div class="layui-inline">
                                            <div class="layui-input-inline" style="width: 290px;">
                                                <input type="text" name="title" autocomplete="off"  style="width: 200px;float: left"    placeholder="主题关键词" class="layui-input">
                                                <button  class="layui-btn  layui-btn-normal" style="float: left"  lay-submit lay-filter="findDraftAlbum">
                                                    <i class="layui-icon layui-icon-search"></i>
                                                    查看
                                                </button>
                                            </div>
                                        </div>

                                    </div>


                                    <table class="layui-table  infoTable" lay-filter="blogTable" id="albumTable1">
                                        <colgroup>
                                            <col width="150">
                                            <col width="200">
                                            <col>
                                        </colgroup>
                                        <thead>
                                        <tr>
                                            <th>图片(点击预览)</th>
                                            <th>主题</th>
                                            <th>位置</th>
                                            <th width="70">状态</th>
                                            <th>创建时间</th>
                                            <th>操作</th>
                                        </tr>
                                        </thead>
                                        <tbody></tbody>
                                    </table>
                                    <p style="text-align: center">
                                        <div id="blogList-page1"></div>
                                    </p>

                                </form>




                            </div>
                        </div>

                </div>
            </div>
        </div>

    </div>
</div>





<div class="row" style="position: fixed; bottom: 0px; width: 100%">
    <div class="layui-col-md12"  style="background-color: #e8e8e8;line-height: 40px; text-align: center">
        版权所有&copy;2020-2099 Mr_JINGR .  备案号:<a href="">粤ICP1223123</a>
    </div>
</div>


<script src="/static/client/js/jquery-3.4.1.js"></script>
<script src="/static/client/layui/layui.js"></script>
<script type="text/javascript" src="/static/client/cropper/cropper.js"></script>
<script src="/static/client/js/user-album.js"></script>
</body>
</html>